<!DOCTYPE html>
<html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="vue.js"></script>
</head>
<body>
    <!--准备一个容器-->
    <div id="root">
        <h1>{{name}}学习vue</h1>
        <h3>你好，{{name}}</h3>
        <a :href="school.url">点击{{school.name}}</a>
        <a :href="school.url.toUpperCase()">点击{{school.name}}</a>

    </div>
    <script>
        Vue.config.productionTip=false//阻止vue启动时产生提示
        new Vue({
            el: "#root",
            data:{
                name: 'cljh',
                school:{
                    name:'cljh666',
                    url: 'https://www.baidu.com',
                }
            }
        })
    </script>
</body>
</html>